<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/echarts/echarts.min.js"></script>
    <script src="/xadmin/js/jquery.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
    $(document).ready(function(){
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        $.ajax({
            url:"/getStatistics",
            type : "post",
            dataType:'json',//返回数据格式为json
            success:function (result){
                //请求成功时执行该函数内容，result即为服务器返回的json对象
                var option = {
                    title: {
                        text: '人员温度统计',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item'
                    },
                    legend: {
                        bottom: 10,
                        left: 'center',
                    },
                    series: [
                        {
                            name: '人员温度统计',
                            type: 'pie',
                            radius: '50%',
                            data: result,
                            emphasis: {
                                itemStyle: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };
                myChart.clear();
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        })

    });

</script>
</body>
</html>
